<template>
  <div id="app">
    <transition name="fade">
      <router-view/>
    </transition>
  </div>
</template>
<script>
export default {
  created(){
  },
  mounted(){
    window.onbeforeunload = function(e){ 
    //获取是否记住用户的值 remember
    //如果值是true,则关闭页面什么都不做
    //如果为false,表示不记住用户,则关闭页面的时候,清除localStorage记录,
    //让用户下次登录的系统直接跳转到登录页面
    /**
     * 字符串转换成Boolean
     * true
     * false
     * 
     */
    // 由于remmber的值是以字符串形式存储到localStorage里,因此要判断它是否是
    //true或者false,需要用三目运算符来比较得出结果
      var remember = localStorage.getItem('remember')=='false'?false:true;    
      if(!remember){
        localStorage.clear();
      }
    }
  }
}
</script>
<style lang="scss">

.fade-enter-active,.fade-leave-active {
  transition: all 0.5s;
}
.fade-enter,.fade-leave-to {
  opacity: 0;
}
#app {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
   background: white;
}

</style>
